<template>
  <li class="flex lg:text-sm text-xs !leading-6">
    <img
      v-if="isRed"
      src="@/assets/img/dot-r.png"
      class="w-4 h-4 mt-[6px] mr-2"
      alt=""
    />
    <img
      v-if="gray"
      src="@/assets/img/dot-r.png"
      class="w-4 h-4 mt-[6px] mr-2"
      alt=""
    />
    <slot></slot>
  </li>
</template>

<script>
export default {
  props: ["red", "gray"],
  created() {},
  computed: {
    isRed() {
      return this.red !== undefined;
    },
    isGray() {
      return this.gray !== undefined;
    },
  },
};
</script>

<style>
</style>